/* modules/inform/pages/inform-detail/inform-detail.wxss */
.container {
  background: linear-gradient(180deg,
      rgb(255, 243, 233) 0%,
      rgb(254, 215, 215) 100%);
  height: 100vh;
  margin: 0 15rpx;

}

.detailBox {
  margin-top: 40rpx;
  position: relative;
}

.detailBox1 {
  position: absolute;
  top: 0;
  left: 18rpx;
}

.detailBox2 {
  position: absolute;
  top: 30rpx;
  left: 48rpx;
}

.detailBox1,
.detailBox2 {
  background-color: #FEFEFE;
  height: 600rpx;
  width: 88vw;
  filter: drop-shadow(2rpx 8rpx 16rpx rgba(253, 162, 167, 0.26));
  border-radius: 16rpx;
  /*   clip-path: polygon(0% 2%, 100% 0%, 100% 100%, 0% 100%); */

  .detail {
    padding: 20px;

    .title {
      display: flex;
      align-items: center;
    }

    .fromGroup {
      float: right;
      padding-top: 10rpx;
      color: #2643A0;
      font-size: 30rpx;
    }

    .line {
      float: right;
      height: 4rpx;
      width: 100%;
      background-color: #FFEAEA;
      margin: 15rpx 0 30rpx 0;
    }

    .contentBox {
      height: 300rpx;
      width: 100%;
      margin-top: 90rpx;
      border-radius: 10rpx;


      .content {
        letter-spacing: 2rpx;
        color: #919191;
        font-size: 32rpx;
      }
    }

    .time {
      color: #636363;
      font-size: 24rpx;
      float: right;
      padding-top: 10rpx;
    }
  }
}